{literal}
<script type="text/javascript">
function showMenu(id)
{
	for(var i=1; i<=10; i++)
		document.getElementById('memmenu'+i).style.display='none';

	document.getElementById(''+id+'').style.display='';
}
function hideMenu(id)
{
	for(var i=1; i<=10; i++)
	 	document.getElementById('memmenu'+i).style.display='none';
}
</script>
{/literal}
<table cellpadding="0" cellspacing="0">
	<tr>
	{foreach from=$aMenuItems item=aMenuItem name=tbmen}
		<td class="item3">&nbsp;{if $aMenuItem.space_before}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{/if}</td>
		<td style="vertical-align:bottom;" onclick="window.location.href='{$aMenuItem.url}';">
			<div class="item{if $aMenuItem.is_active}2{/if}" onmouseover="this.className='item2'; showMenu('memmenu{$smarty.foreach.tbmen.iteration}');" onmouseout="this.className='item{if $aMenuItem.is_active}2{/if}';hideMenu();"
            >&nbsp;<a href="{$aMenuItem.url}">{$aMenuItem.title}</a>&nbsp;</div>
		</td>
	{/foreach}
	<td class="item3"><div style="width:10px;">&nbsp;</div></td>
	</tr>
</table>
<table style="width:100%;padding-top:2px;height:25px;" cellpadding="0" cellspacing="0">
	<tr>
		<td style="width:15%;"> &nbsp; </td>
		<td style="font-size:8pt;width:85%;" class="color">
		{foreach from=$aMenuItems item=aMenuItem name=tbmen}
			<div id="memmenu{$smarty.foreach.tbmen.iteration}" style="display:none;">
				<img src="{$sStylePath}a1.gif" alt="" style="vertical-align:middle;" />
				<span style="vertical-align:middle;">{$aMenuItem.desc}</span>
			</div>
		{/foreach}
		</td>
	</tr>
</table>